<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>GIMC</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
	</head>
	<body>
		<!--文章首页-->
		<div class="article">
			<header>
				<div class="article_menu">
					<i class="iconfont icon-ego-menu"></i>
				</div>
				<div class="article_logo">
					<img src="img/logo.png"/>
				</div>
				<div class="article_serve">
					<i class="iconfont icon-sousuo"></i>
				</div>
			</header>
			
			<!--内容-->
			<section class="article_content">
				<!--轮播图-->
				<div class="carousel">
					<div class="carousel_see">
						<ul class="pic_box">
							<li>
								<img src="img/carousel.jpg"/>
								<div class="carousel_content">
									<p class="con_desc">省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
									<div class="con_date">
										<div class="con_see">
											<i class="iconfont icon-xin">120</i>
											<i class="iconfont icon-yj">560</i>
										</div>
										<p class="date">12月26日07:33:43</p>
									</div>
								</div>
							</li>
							<li>
								<img src="img/carousel.jpg"/>
								<div class="carousel_content">
									<p class="con_desc">省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
									<div class="con_date">
										<div class="con_see">
											<i class="iconfont icon-xin">120</i>
											<i class="iconfont icon-yj">560</i>
										</div>
										<p class="date">12月26日07:33:43</p>
									</div>
								</div>
							</li>
							<li>
								<img src="img/carousel.jpg"/>
							</li>
						</ul>
						<ul class="pannel">
						</ul>
					</div>
				</div>
				<ul class="con_top">
					<li class="case border">
						<div class="case_desc">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="time">
								<i class="iconfont icon-xin">120</i>
								<span>2小时前 [案例观点]</span>
							</div>
						</div>
						<div class="case_pic">
							<img src="img/article_03.jpg"/>
						</div>
					</li>
					<li class="case">
						<div class="case_desc">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="time">
								<i class="iconfont icon-xin">120</i>
								<span>5小时前 [课程]</span>
							</div>
						</div>
						<div class="case_pic">
							<img src="img/article_06.jpg"/>
						</div>
					</li>
				</ul>
				<ul class="con_bot con_top">
					<li class="viewpoint">
						<h3 class="view_desc">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<div class="view_pic">
							<div class="pic_frame">
								<img src="img/article_09.jpg"/>
							</div>
							<div class="pic_frame">
								<img src="img/article_11.jpg"/>
							</div>
							<div class="pic_frame">
								<img src="img/article_13.jpg"/>
							</div>
						</div>
						<div class="view_time">
							<div class="time_pic">
								<dl>
									<dt>
										<img src="img/time_pic.jpg"/>
									</dt>
									<dd>陈光正</dd>
								</dl>
								<i class="iconfont icon-message">6868</i>
								<i class="iconfont icon-xin">4808</i>
							</div>
							<p class="time_point">2天前 [案例观点]</p>
						</div>
					</li>
					<li class="case border">
						<div class="case_desc">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="time">
								<i class="iconfont icon-xin">6</i>
								<span>12月26日 07:33:43 [新闻]</span>
							</div>
						</div>
						<div class="case_pic">
							<img src="img/article_19.jpg"/>
						</div>
					</li>
					<li class="case">
						<div class="case_desc">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="time">
								<i class="iconfont icon-xin">120</i>
								<span>12月26日 07:33:40 [项目]</span>
							</div>
						</div>
						<div class="case_pic">
							<img src="img/article_22.jpg"/>
						</div>
					</li>
					<li class="viewpoint">
						<h3 class="view_desc">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<div class="view_pic">
							<div class="pic_frame">
								<img src="img/article_25.jpg"/>
							</div>
							<div class="pic_frame">
								<img src="img/article_27.jpg"/>
							</div>
							<div class="pic_frame">
								<img src="img/article_29.jpg"/>
							</div>
						</div>
						<div class="view_time">
							<div class="time_pic">
								<dl>
									<dt>
										<img src="img/time_pic.jpg"/>
									</dt>
									<dd>陈光正</dd>
								</dl>
								<i class="iconfont icon-message">6868</i>
								<i class="iconfont icon-xin">4808</i>
							</div>
							<p class="time_point">2天前 [案例观点]</p>
						</div>
					</li>
					<li class="case border">
						<div class="case_desc">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="time">
								<i class="iconfont icon-xin">6</i>
								<span>12月26日 07:33:43 [新闻]</span>
							</div>
						</div>
						<div class="case_pic">
							<img src="img/article_34.jpg"/>
						</div>
					</li>
					<li class="case border">
						<div class="case_desc">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="time">
								<i class="iconfont icon-xin">6</i>
								<span>12月26日 07:33:43 [项目]</span>
							</div>
						</div>
						<div class="case_pic">
							<img src="img/article_37.jpg"/>
						</div>
					</li>
					<li class="more"><a href="">加载更多</a></li>
				</ul>
			</section>
			<!--尾部-->
			<footer>
				<a href="index.html" class="footer_nav">
					<div class="nav_photoa">
						<img src="img/rnav_a.png"/>
					</div>
					<p class="nav_desc nav_active_a">首页</p>
				</a>
				<a href="gimc.html" class="footer_nav">
					<div class="nav_photob">
						<img src="img/nav_bb.png"/>
					</div>
					<p class="nav_desc">GIMC</p>
				</a>
				<a href="essay.html" class="footer_nav">
					<div class="nav_photoc">
						<img src="img/nav_c.png"/>
					</div>
					<p class="nav_desc">文章</p>
				</a>
				<a href="resource_a.html" class="footer_nav">
					<div class="nav_photod">
						<img src="img/nav_d.png"/>
					</div>
					<p class="nav_desc">资源</p>
				</a>
				<a href="curriculum.html" class="footer_nav">
					<div class="nav_photoe">
						<img src="img/nav_e.png"/>
					</div>
					<p class="nav_desc">学院</p>
				</a>
			</footer>
		</div>
		<!--菜单页登录页-->
		<section class="register_content" >
			<div class="register_serve">
				<i id="close_a" class="iconfont icon-jiaochacross78"></i>
				<div class="serve_frame">
					<i class="iconfont icon-sousuo"></i>
					<div class="serve_in">
						<input type="search" name="" id="" placeholder="Search" />
					</div>
				</div>
			</div>
			<div class="register_select">
				<a href="" class="select_pic">
					<div class="pic_fra">
						<img src="img/serve_h.jpg"/>
					</div>
				</a>
				<a class="select_button">立即登录</a>
				<a class="forget">忘记密码</a>
			</div>
			<ul class="register_menu">
				<li class="menu_content">
					<p>GIMC</p>
					<p>></p>
				</li>
				<li class="menu_content">
					<p>文章</p>
					<p>></p>
				</li>
				<li class="menu_content">
					<p>资源</p>
					<p>></p>
				</li>
				<li class="menu_content">
					<p>课程</p>
					<p>></p>
				</li>
			</ul>
		</section>
		
		<!--输入密码-->
		<section class="enter_password">
			<div class="register_serve">
				<i class="iconfont icon-jiaochacross78" id="close_b"></i>
				<div class="serve_frame">
					<i class="iconfont icon-sousuo"></i>
					<div class="serve_in">
						<input type="search" name="" id="" placeholder="Search" />
					</div>
				</div>
			</div>
			<form action="" method="post">
				<div class="password_logo">
					<img src="img/password_logo.png"/>
				</div>
				<ul class="password_frame">
					<li class="p_frame_a p_enter_frame">
						<i class="iconfont icon-ren111"></i>
						<div>
							<input type="text" name="" id="" placeholder="请输入已验证的手机号或邮箱" />
						</div>
					</li>
					<li class="p_frame_a p_enter_frame">
						<i class="iconfont icon-026caozuo_suoding"></i>
						<div>
							<input type="password" name="" id="" placeholder="请输入密码" />
						</div>
					</li>
					<li class="p_frame_a p_forget">
						<i class="iconfont icon-wenhao">忘记密码</i>
					</li>
					<li class="p_frame_a">
						<a class="enter_color">登录</a>
					</li>
					<li class="p_frame_a">
						<a href="" class="register_color">注册</a>
					</li>
				</ul>
			</form>
		</section>
		
		<!--成功登录页-->
		<section class="signin_content">
			<div class="register_serve">
				<i class="iconfont icon-jiaochacross78" id="close_c"></i>
				<div class="serve_frame">
					<i class="iconfont icon-sousuo"></i>
					<div class="serve_in">
						<input type="search" name="" id="" placeholder="Search" />
					</div>
				</div>
			</div>
			<div class="register_select signin_select">
				<a href="" class="select_pic">
					<div class="pic_fra">
						<img src="img/sign_pic.jpg"/>
					</div>
					<span>1</span>
				</a>
				<p class="my_center">
					<span>陈小敏</span>
					<a href="">个人中心 > </a>
				</p>
				<div class="sign_star">
					<i class="iconfont icon-xingxing"></i>
					<i class="iconfont icon-xingxing"></i>
					<i class="iconfont icon-xingxing"></i>
					<i class="iconfont icon-xingxing"></i>
				</div>
				<p class="sign_fans">
					<a href="">关注<span>36</span></a>
					<a href="">粉丝<span>290</span></a>
				</p>
				<div class="my_collect">
					<a href="" class="red">我的收藏</a>
					<a href="">我的发布</a>
				</div>
			</div>
			<ul class="register_menu">
				<li class="menu_content">
					<p>GIMC</p>
					<p class="tran_roate">></p>
				</li>
				<li class="hid_content">
					<p class="bot_bor">省广介绍</p>
					<p>新闻资讯</p>
				</li>
				<li class="menu_content">
					<p>文章</p>
					<p>></p>
				</li>
				<li class="menu_content">
					<p>资源</p>
					<p>></p>
				</li>
				<li class="menu_content">
					<p>课程</p>
					<p>></p>
				</li>
			</ul>
		</section>
		
		<!--搜索框-->
		<section class="search_box" id="del_search_box">
			<div class="search_out">
				<div class="search_frame">
					<i class="iconfont icon-sousuo"></i>
					<div class="serve_in">
						<input type="search" name="" id="" placeholder="Search" />
					</div>
				</div>
				<p id="search_del">取消</p>
			</div>
			<p class="hot_search_title">热搜</p>
			<ul class="hot_search_label">
				<li>项目管理</li>
				<li>移动互联网</li>
				<li>O2O联转化</li>
				<li>O2O</li>
				<li>媒介平台</li>
				<li>细分平台业务</li>
				<li>项目管理</li>
				<li>移动互联网</li>
				<li>O2O联转化</li>
			</ul>
		</section>
	</body>
	<!--轮播图-->
	<script src="js/carousel-jq.js"></script>
	<script src="js/carousel.js"></script>
	
	<script type="text/javascript">
		new carousel(".carousel",306/640)
	</script>
	
	<!--点击事件-->
	<script src="js/touch.js"></script>
</html>
